<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no"/>
	<title>新华保险培训微平台</title>
	<link rel="stylesheet" href="../css/lt_common.css">
	<link rel="stylesheet" href="../css/newvideo.css">
	<link rel="stylesheet" href="../css/lt_tab.css">
	<script src="../js/jquery.js"></script>
	<script src="../js/jquery.lt_tab.js"></script>
	<script src="../js/common.js"></script>
	<script src="../js/teacherclub/newvideo.js"></script>
</head>
<body>
	<div class="page">
	<form action="" id="publishVideo" enctype="multipart/form-data">
		<div class="title_content">
			<label for="url"><input type="text" placeholder="课程连接" name="url"><i class="write"></i></label>
			<label for="title"><input type="text" placeholder="课程名称" name="title"><i class="write"></i></label>
		</div>
		<div class="choose_content">
			<div class="way_content">
				<h3><i class="label"></i>渠道</h3>
				<ul class="label_content">
					<li><span>个人渠道</span></li>
					<li><span>法人渠道</span></li>
					<li><span>银贷渠道</span></li>
					<li><span>续收渠道</span></li>
					<input name="channelid" class="ridioIndex" type="hidden" value="">
				</ul>
			</div>
			<div class="attr_content">
				<h3><i class="label"></i>课程属性</h3>
				<ul class="label_content">
					<li><span>财富规划</span></li>

					<li><span>保险基础</span></li>
					<li><span>产品推动</span></li>
					<li><span>人力发展</span></li>
					<li><span>销售管理</span></li>
					<li><span>客户经营</span></li>
					<li><span>团队建设</span></li>
					<li><span>讲师培养</span></li>
					<input name="curriculumtypeid" class="ridioIndex" type="hidden" value="">
				</ul>
			</div>
			<div class="tab">
				<div class="tab_header">
					<ul>
						<li><a href="###" class="on"><i class="label"></i><i class="nocheck"></i>制式分类</a></li>
						<li><a href="###"><i class="nocheck"></i>非制式分类</a></li>
						<input id="tabindex" type="hidden" value="0">
					</ul>
					<div class="clear"></div>
				</div>
				<div class="tab_content_container">
					<div class="tab_content current">
						<ul class="label_content">
							<li><span>SC100</span></li>
							<li><span>SC200</span></li>
							<li><span>SC300</span></li>
							<li><span>SC400</span></li>
							<li><span>MC100</span></li>
							<li><span>MC200</span></li>
							<li><span>MC300</span></li>
							<input id="tabradio" type="hidden" name="standardid" value="">
						</ul>
					</div>
					<div class="tab_content">
						暂无
					</div>
				</div>
			</div>		
		</div>
		<div class="btn_content">
			<input type="button" value="发布" class="publish_video">
		</div>
	</form>	
	</div>
</body>
</html>
<script type="text/javascript">
		//tab
		$(".tab").lt_tab({
			changeMode : "click",
			callBack:function(currentIndex){
				if(currentIndex == 1) {
					$('#tabradio').val(0);
				}
			}
		}); 
		$(function(){
			//选择标签
			var way_content = $('.way_content .label_content li span');
			var attr_content = $('.attr_content .label_content li span');
			function chooseRaido(obj){
				for(var i = 0; i < obj.length; i++){
					$(obj[i]).on('click',function() {
						if ($(this).hasClass('choose_obj')) {
							$(this).removeClass('choose_obj');	
							$(this).parents('ul').siblings('h3').children('.label').removeClass('label_on');
						}else{
							$(obj).removeClass('choose_obj');
							$(this).addClass('choose_obj');	
							$(this).parents('ul').siblings('h3').children('.label').addClass('label_on');
							var ridioIndex = $(this).parents('li').index();
							var ridioIndex = parseInt(ridioIndex) + parseInt(1);
							$(this).parents('ul').children('.ridioIndex').val(ridioIndex);
						};
					});
				}
			}
			chooseRaido(way_content);
			chooseRaido(attr_content);
			//tab切换的标签
			var tab_content = $('.tab_content .label_content li span');
			for (var j = 0; j < tab_content.length; j++) {
				$(tab_content[j]).on('click',function() {
						if ($(this).hasClass('choose_obj')) {
							$(this).removeClass('choose_obj');	
							$(this).parents('.tab_content_container').siblings('.tab_header').children('ul').children('li').children('a').children('i').removeClass('label_on');
						}else{
							$(tab_content).removeClass('choose_obj');
							$(this).addClass('choose_obj');	
							$(this).parents('.tab_content_container').siblings('.tab_header').children('.label').addClass('label_on');
							$(this).parents('.tab_content_container').siblings('.tab_header').children('ul').children('li').children('a').children('i').addClass('label_on');
							var ridioIndex = $(this).parents('li').index();
							var ridioIndex = parseInt(ridioIndex) + parseInt(1);
							$(this).parents('li').siblings('#tabradio').val(ridioIndex);
						};
					});
			};
			//清空输入框
			$('.title_content input').focus(function() {
				$(this).next().hide();
			});
			$('.title_content input').blur(function() {
				if ($(this).val() == '') {
					$(this).next().show();
				};
			});
		})	
		</script>